import { component$, type HTMLAttributes } from '@builder.io/qwik';
import clsx from 'clsx';

export const DailyDevLogo = component$<HTMLAttributes<SVGSVGElement>>(
  ({ class: className, ...props }) => (
    <svg
      viewBox="0 0 163 64"
      role="img"
      aria-label="daily.dev logo"
      class={clsx('text-[#0D1217] dark:text-white', className)}
      fill="currentColor"
      {...props}
    >
      <path
        fill-rule="evenodd"
        d="m44.84 32.01-5.5-5.5L42.09 21l8.95 8.94a2.92 2.92 0 0 1 0 4.13L40.02 45.08a2.92 2.92 0 0 1-4.13-4.12Z"
        opacity=".5"
      />
      <path
        fill-rule="evenodd"
        d="M35.9 18.92a2.92 2.92 0 0 1 4.13 0l2.07 2.06L18 45.08a2.92 2.92 0 0 1-4.13 0L11.8 43Zm-10.32 7.57-4.13 4.13-5.51-5.5-6.89 6.87 5.51 5.51L11.8 43l-8.94-8.94a2.92 2.92 0 0 1 0-4.13l11-11.01a2.92 2.92 0 0 1 4.14 0Zm38.57 1.02v9.36h5.15l1.1 3.12h-6.25a3.12 3.12 0 0 1-3.11-3.12v-9.36a3.12 3.12 0 0 1 3.11-3.11h5.15v3.11h1.1v-6.23a1.56 1.56 0 0 1 1.55-1.56h1.57v18.7A1.56 1.56 0 0 1 71.96 40H70.4V27.5ZM79.75 40a3.12 3.12 0 0 1-3.12-3.12v-3.12a3.12 3.12 0 0 1 3.11-3.12h5.15v3.12H86v-6.24h-8.6v-1.55a1.56 1.56 0 0 1 1.56-1.56h7.01a3.12 3.12 0 0 1 3.12 3.11v10.92A1.56 1.56 0 0 1 87.53 40h-1.56v-6.24h-6.24v3.12h5.15l1.1 3.12Zm12.47 0V25.96a1.56 1.56 0 0 1 1.56-1.56h1.56v14.03a1.56 1.56 0 0 1-1.56 1.56Zm3.12-18.7a1.53 1.53 0 0 1-1.55 1.55 1.53 1.53 0 0 1-1.11-.45 1.48 1.48 0 0 1-.46-1.1 1.5 1.5 0 0 1 .46-1.12 1.53 1.53 0 0 1 1.1-.45 1.5 1.5 0 0 1 1.1.45 1.52 1.52 0 0 1 .46 1.12ZM98.46 40V21.28a1.56 1.56 0 0 1 1.55-1.56h1.56v18.7a1.56 1.56 0 0 1-1.56 1.57Zm10.5 0-4.2-13.2a1.57 1.57 0 0 1 1.05-1.94l1.48-.45 3.43 11.2 3.08-10.1a1.54 1.54 0 0 1 1.94-1.03l1.43.45-5.3 17.54a3.12 3.12 0 0 1-2.98 2.2h-2.57a1.56 1.56 0 0 1-1.56-1.55v-1.57h2.59a1.61 1.61 0 0 0 1.62-1.55Z"
      />
      <path
        fill-rule="evenodd"
        d="M131.81 39.51a4.64 4.64 0 0 1-2.79.82 5.12 5.12 0 0 1-2.67-.7 4.84 4.84 0 0 1-1.85-2 7.44 7.44 0 0 1 0-6.17 4.83 4.83 0 0 1 1.85-2.02 5.12 5.12 0 0 1 2.67-.7 4.64 4.64 0 0 1 2.8.82 4.3 4.3 0 0 1 1.6 2.2v-6.81h1.87v15.24h-1.88v-2.88a4.3 4.3 0 0 1-1.6 2.2Zm-9.56-1.52v2.2h-2.27v-2.2Zm7.3.7a3.63 3.63 0 0 1-2.76-1.1 4.95 4.95 0 0 1 0-6.08 3.63 3.63 0 0 1 2.77-1.1 3.9 3.9 0 0 1 1.99.5 3.5 3.5 0 0 1 1.37 1.45 4.65 4.65 0 0 1 .49 2.19 4.59 4.59 0 0 1-.5 2.17 3.58 3.58 0 0 1-1.36 1.45 3.84 3.84 0 0 1-2 .52Zm16.27 1.13a6.1 6.1 0 0 1-2.55.51 5.82 5.82 0 0 1-2.88-.7 4.95 4.95 0 0 1-1.97-2 7.05 7.05 0 0 1 0-6.17 4.93 4.93 0 0 1 1.97-2.02 5.82 5.82 0 0 1 2.88-.7 5.69 5.69 0 0 1 2.87.7 4.82 4.82 0 0 1 1.88 1.88 5.27 5.27 0 0 1 .64 2.59 5.6 5.6 0 0 1-.08 1.03h-9.04a3.96 3.96 0 0 0 1.1 2.9 3.6 3.6 0 0 0 2.55.97 3.67 3.67 0 0 0 2.27-.7 2.85 2.85 0 0 0 1.12-1.84h2a4.72 4.72 0 0 1-2.76 3.55Zm.95-5.79h-7.23a3.86 3.86 0 0 1 1.14-2.8 3.7 3.7 0 0 1 2.59-.97 3.95 3.95 0 0 1 1.79.42 3.01 3.01 0 0 1 1.3 1.25 3.85 3.85 0 0 1 .41 2.1Zm14.25-5.14-4.43 11.3h-2.22l-4.43-11.3h2.02l3.54 9.3 3.5-9.3Z"
        opacity=".5"
      />
    </svg>
  )
);
